#card-details-side-bar {

    display: none;

    /* position: relative; */
    right:-22% ;
    animation-name: slideleft;
    animation-duration: .4s ;
    animation-timing-function: cubic-bezier(.15, .45, .59, .56);
    animation-fill-mode: forwards;

}


@keyframes slideleft {
    from {
        right: -22%;
    }

    to {
        right: 0;
    }
}